<ol id="sections">
    <li class="section">
		<div class="dp-content">
			<div id="my-account">
				<div class="account-header">
					<?php include_component("common", "myTabs", array("current_section" => "doctor_schedule", "current_route" => "doctor_schedule")) ?>
				</div>
				<div id="account-body">
					<?php include_partial("common/flashes") ?>
					<script type='text/javascript'>
						$(document).ready(function() {
							$('#calendar').fullCalendar({
								header: {
									left: 'prev,next today',
									center: 'title',
									right: 'month,agendaWeek,agendaDay'
								},
								editable: true,
								events: "/doctor-time-slots/<?php echo $doctorId ?>"
							});
						});
					</script>
					<div id="key">
						<ul>
							<li>
								<div id="upcoming">
									<span>Upcoming</span>
<!--									<input type="checkbox" id="appointment_is_upcoming" checked="checked" name="appointment[is_upcoming]"></input>-->
								</div>
							</li>
							<li>
								<div id="confirmed">
									<span>Confirmed</span>
<!--									<input type="checkbox" id="appointment_is_confirmed" checked="checked" name="appointment[is_confirmed]"></input>-->
								</div>
							</li>
							<li>
								<div id="available">
									<span>Available</span>
<!--									<input type="checkbox" id="appointment_is_available" checked="checked" name="appointment[is_available]"></input>-->
								</div>
							</li>
						</ul>
					</div>
					<div class="clear"></div>
					<div id='calendar' style="width: 945px; margin: 0 auto;"></div>
				</div>
			</div>
		</div>
	</li>
</ol>